﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.3唤醒灯</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_3唤醒灯/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_3唤醒灯/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Group) -->
      <div id="u1991" class="ax_default" data-left="72" data-top="108" data-width="375" data-height="667">

        <!-- Rectangle (Rectangle) -->
        <div id="u1992" class="ax_default _形状" data-label="Rectangle">
          <div id="u1992_div" class=""></div>
          <div id="u1992_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1993" class="ax_default" data-left="73" data-top="717" data-width="374" data-height="58">

          <!-- Rectangle (Rectangle) -->
          <div id="u1994" class="ax_default _形状" data-label="Rectangle">
            <div id="u1994_div" class=""></div>
            <div id="u1994_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u1995" class="ax_default _形状" data-label="Rectangle">
            <div id="u1995_div" class=""></div>
            <div id="u1995_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u1996" class="ax_default _形状" data-label="Rectangle">
            <div id="u1996_div" class=""></div>
            <div id="u1996_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u1997" class="ax_default _形状" data-label="Rectangle">
            <div id="u1997_div" class=""></div>
            <div id="u1997_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u1998" class="ax_default _形状" data-label="Rectangle">
            <div id="u1998_div" class=""></div>
            <div id="u1998_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u1999" class="ax_default" data-left="415" data-top="119" data-width="25" data-height="10">

          <!-- Unnamed (Group) -->
          <div id="u2000" class="ax_default" data-left="415" data-top="119" data-width="25" data-height="10">

            <!-- Unnamed (Rectangle) -->
            <div id="u2001" class="ax_default _形状">
              <div id="u2001_div" class=""></div>
              <div id="u2001_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2002" class="ax_default _形状">
              <div id="u2002_div" class=""></div>
              <div id="u2002_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2003" class="ax_default _形状">
              <div id="u2003_div" class=""></div>
              <div id="u2003_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (Rectangle) -->
        <div id="u2004" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2004_div" class=""></div>
          <div id="u2004_text" class="text ">
            <p><span>10:30 </span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u2005" class="ax_default image">
          <img id="u2005_img" class="img " src="images/1闹钟功能/u46.png"/>
          <div id="u2005_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u2006" class="ax_default image">
          <img id="u2006_img" class="img " src="images/1闹钟功能/u47.png"/>
          <div id="u2006_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- paragraph (Rectangle) -->
        <div id="u2007" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2007_div" class=""></div>
          <div id="u2007_text" class="text ">
            <p><span>音乐</span></p>
          </div>
        </div>

        <!-- paragraph (Rectangle) -->
        <div id="u2008" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2008_div" class=""></div>
          <div id="u2008_text" class="text ">
            <p><span>故事</span></p>
          </div>
        </div>

        <!-- paragraph (Rectangle) -->
        <div id="u2009" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2009_div" class=""></div>
          <div id="u2009_text" class="text ">
            <p><span>唤醒灯</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u2010" class="ax_default line">
          <img id="u2010_img" class="img " src="images/4_3唤醒灯/u2010.svg"/>
          <div id="u2010_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- paragraph (Rectangle) -->
        <div id="u2011" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2011_div" class=""></div>
          <div id="u2011_text" class="text ">
            <p><span>Hue 1</span></p>
          </div>
        </div>

        <!-- paragraph (Rectangle) -->
        <div id="u2012" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2012_div" class=""></div>
          <div id="u2012_text" class="text ">
            <p><span>Hue 3</span></p>
          </div>
        </div>

        <!-- paragraph (Rectangle) -->
        <div id="u2013" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2013_div" class=""></div>
          <div id="u2013_text" class="text ">
            <p><span>Hue 2</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u2014" class="ax_default shape">
        <img id="u2014_img" class="img " src="images/4_3唤醒灯/u2014.svg"/>
        <div id="u2014_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2015" class="ax_default image">
        <img id="u2015_img" class="img " src="images/4_3唤醒灯/u2015.png"/>
        <div id="u2015_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2016" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2016_div" class=""></div>
        <div id="u2016_text" class="text ">
          <p><span>准备入睡</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2017" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2017_div" class=""></div>
        <div id="u2017_text" class="text ">
          <p><span>准备起床</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2018" class="ax_default _形状">
        <div id="u2018_div" class=""></div>
        <div id="u2018_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2019" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2019_div" class=""></div>
        <div id="u2019_text" class="text ">
          <p><span>连接您的菲利普灯泡 通过光照来唤醒您</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2020" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2020_div" class=""></div>
        <div id="u2020_text" class="text ">
          <p><span>熄灭</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2021" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2021_div" class=""></div>
        <div id="u2021_text" class="text ">
          <p><span>开启</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u2022" class="ax_default icon">
        <img id="u2022_img" class="img " src="images/1闹钟功能/u48.svg"/>
        <div id="u2022_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2023" class="ax_default image">
        <img id="u2023_img" class="img " src="images/4_3唤醒灯/u2023.png"/>
        <div id="u2023_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2024" class="ax_default image">
        <img id="u2024_img" class="img " src="images/1闹钟功能/u49.png"/>
        <div id="u2024_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2025" class="ax_default line">
        <img id="u2025_img" class="img " src="images/1_2新增闹钟提醒/u341.svg"/>
        <div id="u2025_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2026" class="ax_default line">
        <img id="u2026_img" class="img " src="images/1_2新增闹钟提醒/u341.svg"/>
        <div id="u2026_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2027" class="ax_default line">
        <img id="u2027_img" class="img " src="images/1_2新增闹钟提醒/u341.svg"/>
        <div id="u2027_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2028" class="ax_default line">
        <img id="u2028_img" class="img " src="images/1_2新增闹钟提醒/u341.svg"/>
        <div id="u2028_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2029" class="ax_default image">
        <img id="u2029_img" class="img " src="images/1_2新增闹钟提醒/u358.png"/>
        <div id="u2029_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2030" class="ax_default image">
        <img id="u2030_img" class="img " src="images/1_2新增闹钟提醒/u358.png"/>
        <div id="u2030_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2031" class="ax_default _形状">
        <div id="u2031_div" class=""></div>
        <div id="u2031_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2032" class="ax_default _形状">
        <div id="u2032_div" class=""></div>
        <div id="u2032_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2033" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2033_div" class=""></div>
        <div id="u2033_text" class="text ">
          <p><span>立刻</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2034" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2034_div" class=""></div>
        <div id="u2034_text" class="text ">
          <p><span>慢慢地</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2035" class="ax_default image">
        <img id="u2035_img" class="img " src="images/1闹钟功能/u49.png"/>
        <div id="u2035_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2036" class="ax_default image">
        <img id="u2036_img" class="img " src="images/1闹钟功能/u50.png"/>
        <div id="u2036_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2037" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2037_div" class=""></div>
        <div id="u2037_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u2038" class="ax_default _形状" data-label="Rectangle">
        <div id="u2038_div" class=""></div>
        <div id="u2038_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2039" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2039_div" class=""></div>
        <div id="u2039_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2040" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2040_div" class=""></div>
        <div id="u2040_text" class="text ">
          <p><span>10:30 </span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2041" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2041_div" class=""></div>
        <div id="u2041_text" class="text ">
          <p><span>熄灭</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2042" class="ax_default" data-left="956" data-top="127" data-width="25" data-height="10">

        <!-- Unnamed (Group) -->
        <div id="u2043" class="ax_default" data-left="956" data-top="127" data-width="25" data-height="10">

          <!-- Unnamed (Rectangle) -->
          <div id="u2044" class="ax_default _形状">
            <div id="u2044_div" class=""></div>
            <div id="u2044_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2045" class="ax_default _形状">
            <div id="u2045_div" class=""></div>
            <div id="u2045_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2046" class="ax_default _形状">
            <div id="u2046_div" class=""></div>
            <div id="u2046_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2047" class="ax_default" data-left="629.636038969321" data-top="161.636038969321" data-width="12.727922061358" data-height="23.7279220613578">

        <!-- Unnamed (Line) -->
        <div id="u2048" class="ax_default line">
          <img id="u2048_img" class="img " src="images/1_2新增闹钟提醒/u378.svg"/>
          <div id="u2048_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u2049" class="ax_default line">
          <img id="u2049_img" class="img " src="images/1_2新增闹钟提醒/u378.svg"/>
          <div id="u2049_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2050" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2050_div" class=""></div>
        <div id="u2050_text" class="text ">
          <p><span>慢慢地</span></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2051" class="ax_default line">
        <img id="u2051_img" class="img " src="images/1_1闹钟页/u200.svg"/>
        <div id="u2051_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2052" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2052_div" class=""></div>
        <div id="u2052_text" class="text ">
          <p><span>立刻</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u2053" class="ax_default shape">
        <img id="u2053_img" class="img " src="images/1_2新增闹钟提醒/u385.svg"/>
        <div id="u2053_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u2054" class="ax_default shape">
        <img id="u2054_img" class="img " src="images/1_2新增闹钟提醒/u386.svg"/>
        <div id="u2054_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2055" class="ax_default image">
        <img id="u2055_img" class="img " src="images/1闹钟功能/u47.png"/>
        <div id="u2055_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2056" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2056_div" class=""></div>
        <div id="u2056_text" class="text ">
          <p><span>在您准备入睡时立刻熄灭灯泡</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u2057" class="ax_default _形状" data-label="Rectangle">
        <div id="u2057_div" class=""></div>
        <div id="u2057_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2058" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2058_div" class=""></div>
        <div id="u2058_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2059" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2059_div" class=""></div>
        <div id="u2059_text" class="text ">
          <p><span>10:30 </span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2060" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2060_div" class=""></div>
        <div id="u2060_text" class="text ">
          <p><span>开启</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2061" class="ax_default" data-left="412" data-top="1008" data-width="25" data-height="10">

        <!-- Unnamed (Group) -->
        <div id="u2062" class="ax_default" data-left="412" data-top="1008" data-width="25" data-height="10">

          <!-- Unnamed (Rectangle) -->
          <div id="u2063" class="ax_default _形状">
            <div id="u2063_div" class=""></div>
            <div id="u2063_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2064" class="ax_default _形状">
            <div id="u2064_div" class=""></div>
            <div id="u2064_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u2065" class="ax_default _形状">
            <div id="u2065_div" class=""></div>
            <div id="u2065_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2066" class="ax_default" data-left="85.636038969321" data-top="1042.63603896932" data-width="12.727922061358" data-height="23.7279220613577">

        <!-- Unnamed (Line) -->
        <div id="u2067" class="ax_default line">
          <img id="u2067_img" class="img " src="images/1_2新增闹钟提醒/u378.svg"/>
          <div id="u2067_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u2068" class="ax_default line">
          <img id="u2068_img" class="img " src="images/1_2新增闹钟提醒/u378.svg"/>
          <div id="u2068_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2069" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2069_div" class=""></div>
        <div id="u2069_text" class="text ">
          <p><span>慢慢地</span></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2070" class="ax_default line">
        <img id="u2070_img" class="img " src="images/1_1闹钟页/u200.svg"/>
        <div id="u2070_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2071" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2071_div" class=""></div>
        <div id="u2071_text" class="text ">
          <p><span>立刻</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u2072" class="ax_default shape">
        <img id="u2072_img" class="img " src="images/1_2新增闹钟提醒/u385.svg"/>
        <div id="u2072_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2073" class="ax_default image">
        <img id="u2073_img" class="img " src="images/1闹钟功能/u47.png"/>
        <div id="u2073_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2074" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2074_div" class=""></div>
        <div id="u2074_text" class="text ">
          <p><span>在您设定的起床时刻慢慢地亮起</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u2075" class="ax_default shape">
        <img id="u2075_img" class="img " src="images/1_2新增闹钟提醒/u386.svg"/>
        <div id="u2075_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2076" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2076_div" class=""></div>
        <div id="u2076_text" class="text ">
          <p><span>开启灯泡</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2077" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2077_div" class=""></div>
        <div id="u2077_text" class="text ">
          <p><span>唤醒灯-熄灭灯泡</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2078" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2078_div" class=""></div>
        <div id="u2078_text" class="text ">
          <p><span>助眠-唤醒灯</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2079" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2079_div" class=""></div>
        <div id="u2079_text" class="text ">
          <p><span>助眠页-唤醒灯功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2080" class="ax_default shape">
        <img id="u2080_img" class="img " src="images/4_3唤醒灯/u2080.svg"/>
        <div id="u2080_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2081" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2081_div" class=""></div>
        <div id="u2081_text" class="text ">
          <p style="line-height:34px;"><span>1. 通过点击助眠页面的顶部导航“唤醒灯”字样进入【唤醒灯】板块</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>2. 当“唤醒灯”被点击时，呈现出选中状态，橙红色滑块移动到“唤醒灯”位置的底部</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>3. 用户可以左右滑动选择已配对的不同灯泡(配对详情见【2.5外界灯泡】)，名字处于中间的灯泡即被选中，名字用橙红色高亮，并放大</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>4. 用户可通过滑动界面中间的灯泡橙色光条来调节灯泡亮度, 还可以滑动滑块来调整颜色。滑块颜色按照光谱顺序排列</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:normal;"><span><br></span></p><p style="line-height:normal;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2082" class="compound ax_default _水平线" data-height="1" data-width="238" CompoundMode="true">
        <img id="u2082_img" class="singleImg img " src="images/4_3唤醒灯/u2082.svg"/>
        <div id="u2082p000" class="ax_vector_shape" WidgetTopLeftX="-0.489754098360656" WidgetTopLeftY="-0.25" WidgetTopRightX="0.485655737704918" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.489754098360656" WidgetBottomLeftY="-0.0833333333333333" WidgetBottomRightX="0.485655737704918" WidgetBottomRightY="-0.0833333333333333">
          <img id="u2082p000_img" class="img " src="images/4_3唤醒灯/u2082p000.svg"/>
        </div>
        <div id="u2082p001" class="ax_vector_shape" WidgetTopLeftX="0.25" WidgetTopLeftY="-0.125" WidgetTopRightX="0.25" WidgetTopRightY="59.375" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="-0.125" WidgetBottomRightX="-0.25" WidgetBottomRightY="59.375">
          <img id="u2082p001_img" class="img " src="images/4_3唤醒灯/u2082p001.svg"/>
        </div>
        <div id="u2082p002" class="ax_vector_shape" WidgetTopLeftX="10.6590909090909" WidgetTopLeftY="0.025" WidgetTopRightX="-0.159090909090909" WidgetTopRightY="0.025" WidgetBottomLeftX="10.6590909090909" WidgetBottomLeftY="-0.025" WidgetBottomRightX="-0.159090909090909" WidgetBottomRightY="-0.025">
          <img id="u2082p002_img" class="img " src="images/4_3唤醒灯/u2082p002.svg"/>
        </div>
        <div id="u2082_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2083" class="compound ax_default _水平线" data-height="1" data-width="152" CompoundMode="true">
        <img id="u2083_img" class="singleImg img " src="images/4_3唤醒灯/u2083.svg"/>
        <div id="u2083p000" class="ax_vector_shape" WidgetTopLeftX="-0.481012658227848" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.481012658227848" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.481012658227848" WidgetBottomLeftY="0" WidgetBottomRightX="0.481012658227848" WidgetBottomRightY="0">
          <img id="u2083p000_img" class="img " src="images/4_3唤醒灯/u2083p000.svg"/>
        </div>
        <div id="u2083p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="37.75" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="37.75" WidgetBottomRightY="0">
          <img id="u2083p001_img" class="img " src="images/4_3唤醒灯/u2083p001.svg"/>
        </div>
        <div id="u2083p002" class="ax_vector_shape" WidgetTopLeftX="6.72727272727273" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="6.72727272727273" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
          <img id="u2083p002_img" class="img " src="images/4_3唤醒灯/u2083p002.svg"/>
        </div>
        <div id="u2083_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2084" class="ax_default" data-left="451.5" data-top="220" data-width="85.5" data-height="54">

        <!-- Unnamed (Image) -->
        <div id="u2085" class="ax_default image">
          <img id="u2085_img" class="img " src="images/1_1闹钟页/u260.png"/>
          <div id="u2085_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u2086" class="ax_default image">
          <img id="u2086_img" class="img " src="images/4_3唤醒灯/u2086.svg"/>
          <div id="u2086_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u2087" class="ax_default image">
          <img id="u2087_img" class="img " src="images/1_1闹钟页/u260.png"/>
          <div id="u2087_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2088" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2088_div" class=""></div>
        <div id="u2088_text" class="text ">
          <p><span>左右滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2089" class="ax_default image">
        <img id="u2089_img" class="img " src="images/4_3唤醒灯/u2089.png"/>
        <div id="u2089_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2090" class="ax_default" data-left="155" data-top="525" data-width="212" data-height="19">

        <!-- Unnamed (Line) -->
        <div id="u2091" class="ax_default _水平线">
          <img id="u2091_img" class="img " src="images/4_3唤醒灯/u2091.svg"/>
          <div id="u2091_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u2092" class="ax_default _水平线">
          <img id="u2092_img" class="img " src="images/4_3唤醒灯/u2092.svg"/>
          <div id="u2092_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u2093" class="ax_default _形状" data-label="Rectangle">
          <div id="u2093_div" class=""></div>
          <div id="u2093_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2094" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2094_div" class=""></div>
        <div id="u2094_text" class="text ">
          <p><span>唤醒灯开启/关闭功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2095" class="ax_default shape">
        <img id="u2095_img" class="img " src="images/4_3唤醒灯/u2095.svg"/>
        <div id="u2095_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2096" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2096_div" class=""></div>
        <div id="u2096_text" class="text ">
          <p style="line-height:34px;"><span>1. 点击[熄灭] / [开启] 栏位进入【唤醒灯-熄灭灯泡】界面</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>2. 提供“立刻”、“慢慢地”两种方式选项，当用户选择特定选项时，下划线底部用浅灰色小字向用户解释对应选项的具体意思</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>3. 选项被选中时，对应的选项圆圈用橙红色高亮</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:normal;"><span><br></span></p><p style="line-height:normal;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2097" class="ax_default image">
        <img id="u2097_img" class="img " src="images/1_5天气/u732.png"/>
        <div id="u2097_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2098" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2098_div" class=""></div>
        <div id="u2098_text" class="text ">
          <p><span>滑动（Swipe）</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
